// out: ../css/map.css, compress: true, sourceMap: false
/*
 * @Author            : giky 
 * @Date              : 2018-12-06 17:05:11 
 * @Last Modified by  : giky
 * @Last Modified time: 2019-03-05 14:30:59
 */

@import "./g";
@import "./animation";

.scrollbar() {
    overflow: hidden;

    &::-webkit-scrollbar {
        width: 4px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .8);
        border-radius   : 3px;
    }

    &:hover {
        // overflow-x: hidden !important;
        overflow-y   : scroll !important;
    }
}

.flex {
    display       : -webkit-flex;
    display       : flex;
    flex-direction: column;
}

.item {
    flex: auto;
}

.overflow {
    overflow-x: hidden;
    overflow-y: auto;
}

.zk-layer-hide {
    display: none;
}

.height100 {
    height  : 100%;
    position: relative;
}

.menuClose .left_box {
    width: 64px;

    .case_grid_box {
        li {
            width: 100%;
        }
    }

    .gridbox {}
}

.menuClose .left_box .text {
    display: none;
}

// .menuClose .r-box {
//     left: 64px;
// }

.menuOpen .left_box {}

.menuOpen .r-box {}

.par-box {
    height  : 100%;
    overflow: hidden;
    display : flex;
}

.left_box {
    float       : left;
    background  : #fff;
    height      : 100%;
    border-right: 1px solid #c1c1c1; // overflow: hidden;
    position    : relative;
    // width    : 415px;
    height      : 100%;

    .case_grid_box {
        padding: 5px;

        /*    float:left;*/
        li {
            width   : 49%;
            display : inline-block;
            padding : 0 0 3px 0;
            position: relative;

            .floated {
                border    : 1px solid #ccc;
                position  : absolute;
                width     : 200px;
                z-index   : 9999;
                background: #fff;
                display   : none;
            }
        }
    }

    .gridbox {
        // position: absolute;
        top        : 0px;
        width      : 100%;
        height     : 100%;
        bottom     : 0;
        display    : flex;

        .toolbar {
            width     : 65px;
            height    : 100%;
            background: #666;
            color     : #fff;
            float     : left;

            .case_grid {
                background: #1A9DFB;

                ul {
                    border-bottom: 1px solid rgba(255, 255, 255, .5);

                    li {
                        text-align: center;
                        padding   : 10px 0;
                        box-shadow: 3px 2px 10px rgba(0, 0, 0, .3) inset;
                        cursor    : pointer;
                        position  : relative;

                        a {
                            color: #fff;

                            .more {
                                width        : 0;
                                height       : 0;
                                border-bottom: 12px solid #FF5722;
                                border-left  : 12px solid transparent;
                                position     : absolute;
                                right        : 0;
                                bottom       : 0;
                                text-indent  : -999px;
                                overflow     : hidden;
                            }
                        }

                        &:hover {
                            background: #5C9ACE;
                        }

                        i {
                            font-size: 24px;
                        }

                        .smenu {
                            display     : none;
                            position    : absolute;
                            border-left : 1px solid rgba(0, 0, 0, .2);
                            border-top  : 1px solid rgba(0, 0, 0, .2);
                            border-right: 0;
                            background  : #5C9ACE;
                            top         : 0px;
                            left        : 64px;
                            width       : max-content;
                            z-index     : 1010;
                            max-width   : 324px;

                            a {
                                float        : left;
                                display      : block;
                                padding      : 10px 10px 8px 10px;
                                border-right : 1px solid rgba(0, 0, 0, .2);
                                border-bottom: 1px solid rgba(0, 0, 0, .2);
                                color        : #fff;
                                width        : 60px;
                                height       : 40px;
                                line-height  : 40px;
                                overflow     : hidden;
                                position     : relative;

                                p {
                                    // width     : 100%;
                                    overflow     : hidden;
                                    text-overflow: ellipsis;
                                    white-space  : nowrap;

                                    &.hIcon {
                                        position   : absolute;
                                        top        : 3px;
                                        right      : 3px;
                                        line-height: 24px;

                                        i {
                                            font-size: 18px;

                                            &::before {
                                                // content: '\e668'
                                            }
                                        }
                                    }
                                }

                                &.hov {
                                    background: #34495e;
                                    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3) inset;

                                    &.hIcon {
                                        i {
                                            &::before {
                                                content: '\e668'
                                            }
                                        }
                                    }

                                    p {
                                        color: #00c73c;

                                        &.hIcon {
                                            i {
                                                &::before {
                                                    content: '\e650'
                                                }
                                            }
                                        }

                                    }
                                }
                            }
                        }

                        &:hover {
                            .smenu {
                                display: block;
                            }
                        }
                    }
                }
            }

            .tag_list_bk {
                text-align: center;
                margin    : 3px 0;

                button {
                    width        : 90%;
                    cursor       : pointer;
                    border       : 0;
                    margin       : 0 auto;
                    background   : #fff;
                    border-radius: 3px;

                    i {
                        font-size        : 12px;
                        -webkit-transform: scale(0.84, 0.84);
                    }
                }
            }

            .tag_list_left {
                overflow: hidden;
                padding : 8px 0;

                ul {

                    // border-bottom: 1px solid rgba(255, 255, 255, .5);
                    overflow        : hidden;

                    &>li {
                        text-align: center;
                        padding   : 15px 5px;
                        height    : 68px;
                        cursor    : pointer;
                        position  : relative;
                        margin    : 0 3px 2px 3px;

                        &>i {
                            font-size: 21px;
                        }

                        &>p {
                            margin-top: 5px;
                        }

                        &.active {
                            background : #f2f9ff;
                            color      : #1e9eff;
                            border-left: 3px solid #1e9eff;
                        }

                        .close {
                            display: none;
                        }
                    }

                    .hov {
                        background   : #2F4056;
                        color        : #fff;
                        border-radius: 5px;
                        margin       : 0 3px 2px 3px;

                        .close {
                            display      : block;
                            background   : #f00;
                            border-radius: 50%;
                            position     : absolute;
                            width        : 16px;
                            height       : 16px;
                            line-height  : 14px;
                            top          : 2px;
                            right        : 2px;
                            z-index      : 999;

                            i {
                                font-size: 8px;
                            }
                        }
                    }
                }
            }
        }

        .toolsBox {
            height  : 100%;
            // width: 250px;
            flex    : 1;
            overflow: hidden;

            .common {
                padding: 5px;

                .btn_item {
                    .grid-btn {
                        border       : 1px solid #cecccc;
                        color        : #468df1;
                        padding      : 10px;
                        background   : #f5f5f5;
                        border-radius: 50%;
                        width        : 30px;
                        height       : 30px;
                        line-height  : 30px;
                        margin       : auto;
                        margin-bottom: 5px;
                        cursor       : pointer;
                        text-align   : center;
                    }

                    p {
                        text-align: center;
                    }
                }
            }
        }

        #move-left {
            width: 250px;
        }

        .box-l {
            height    : 100%;
            background: #fff;
        }
    }
}

.r-box {
    height     : 100%;
    flex       : 1;
    // position: absolute;
    // left    : 317px;
    // right   : 0;
    // width   : auto;
    // padding : 0;
    overflow   : hidden;

    .toggleMenu {
        cursor       : pointer;
        width        : 20px;
        height       : 60px;
        position     : absolute;
        border-radius: 0px 3px 3px 0px;
        left         : -1px;
        top          : 500px;
        text-align   : center;
        line-height  : 60px;
        font-size    : 22px;
        background   : #fff;
        color        : #000;
        z-index      : 999;
        border-bottom: 1px solid #c1c1c1;
        border-right : 1px solid #c1c1c1;
        border-top   : 1px solid #c1c1c1;
        display      : none;
    }

    .r-title {
        height       : 40px;
        background   : #fff;
        border-bottom: 1px solid #c1c1c1;
        position     : absolute;
        z-index      : 950;

        .countboxs {
            line-height: 30px;
            position   : relative;

            ul {
                &>li {
                    display      : inline-block;
                    margin       : 5px 0 5px 5px;
                    background   : #1A9DFB;
                    border-radius: 3px;
                    color        : #fff;
                    font-size    : 16px;
                    text-align   : center;
                    padding      : 0 5px;

                    .zkuasgm-icon {
                        margin-right : 5px;
                        font-size    : 16px;
                        background   : #34495e;
                        border-radius: 3px;
                        width        : 24px;
                        height       : 24px;
                        line-height  : 28px;
                        display      : inline-block;
                    }

                    .text {
                        padding     : 0 8px;
                        border-right: 1px solid #fff;
                        line-height : 12px;
                        height      : 14px;
                        display     : inline-block;
                    }

                    .number {
                        color      : #fff;
                        font-style : normal;
                        font-size  : 18px;
                        padding    : 0 8px;
                        display    : inline-block;
                        color      : #ffff99;
                        font-weight: bold;
                    }
                }
            }
        }

        // .txBox{
        //   position     : absolute;
        //   top          :8px;
        //   right        :8px;
        //   cursor       : pointer;
        //   width        :24px;
        //   height       :24px;
        //   line-height  :26px;
        //   text-align   :center;
        //   border-radius: 50%;
        //   background   : #1A9DFB;
        //   i{
        //     font-size:18px;
        //     color    :#fff;
        //   }
        // }
        .txDiv {
            position: absolute;
            right   : 10px;
            top     : 0px;
            z-index : 950;
            height  : 40px;

            cite {
                width        : 24px;
                height       : 24px;
                line-height  : 26px;
                text-align   : center;
                border-radius: 50%;
                background   : #1A9DFB;
                display      : inline-block;
                margin       : 0 10px 0 0;

                i {
                    font-size: 18px;
                    color    : #fff;
                }
            }

            .layui-nav {
                position     : relative;
                padding      : 0 0px;
                background   : none;
                color        : #333;
                border-radius: 2px;
                font-size    : 0;
                box-sizing   : border-box;

                .layui-nav-more {
                    border-style: solid dashed dashed;
                    border-color: #333 transparent transparent;
                }

                .layui-nav-mored {
                    margin-top  : -9px;
                    border-style: dashed dashed solid;
                    border-color: transparent transparent #333;
                }

                .layui-nav-item {
                    position      : relative;
                    display       : inline-block;
                    *display      : inline;
                    *zoom         : 1;
                    vertical-align: middle;
                    line-height   : 40px;

                    a {
                        padding: 0 10px 0 10px;
                    }

                    .layui-nav-child {
                        top    : 40px;
                        right  : 0;
                        left   : auto;
                        z-index: 955;
                        width  : auto;

                        a {
                            cursor : pointer;
                            display: block;

                            .zkuasgm-icon {
                                margin: 0 8px 0 0;
                            }

                            .layui-badge {
                                position: relative;
                            }
                        }
                    }
                }
            }
        }
    }
}

#allmap {
    width : 100%;
    height: 100%;
}

.search-top-box {
    padding: 10px;

    .layui-btn {
        width   : 110px;
        margin  : 0 0 5px 0;
        overflow: hidden;

        i {
            font-size: 8px !important;
            padding  : 0 8px 0px 0px;
        }
    }
}

.search-bar {
    // border-bottom: 1px solid #eee;
    margin          : 0 10px 15px 10px;
    display         : block;
    padding         : 12px 0px 12px 0px;
    text-align      : center;

    .layui-inline {
        margin : 0;
        display: inline-block;
    }

    .fl {
        float: left;
        width: 30px;
    }

    .fr {
        margin  : 0 0 0 30px;
        position: relative;

        .clear {
            position: absolute;
            top     : 5px;
            right   : 5px;

            i {
                font-size: 16px;
                color    : #333;
            }
        }
    }

    i {
        font-size   : 22px;
        color       : #ccc;
        margin-right: 10px;
        float       : left;
    }

    .ip-line {
        .layui-input {
            width: 310px;
        }

        .search_btn {
            position: absolute;
            right   : 0;
            top     : 7px;
            cursor  : pointer;

            i {
                color: #1A9DFB;
            }
        }

        .think_box {
            border    : 1px solid #eee;
            position  : absolute;
            background: #fff;
            width     : 99.5%;

            li {
                text-align   : left;
                clear        : both;
                overflow     : hidden;
                padding      : 5px 8px;
                line-height  : 26px;
                font-size    : 14px;
                display      : block;
                border-bottom: 1px solid #eee;
                cursor       : pointer;

                .icon {
                    float    : left;
                    overflow : hidden;
                    font-size: 12px;
                }
            }
        }
    }

    .layui-form-item {
        margin: 0;
    }

    .layui-form-select {
        width: 100px;
    }

    .layui-input {}

    // input{
    //   border   :0;
    //   font-size:20px;
    //   color    :#333;
    //   width    :100%;
    // }
}

.floatBox {
    display         : block;
    position        : absolute;
    width           : 360px;
    border          : 1px solid rgba(0, 0, 0, .1);
    border-radius   : 3px;
    background-color: #fff;
    background-clip : padding-box;
    box-shadow      : 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-sizing      : border-box;
    z-index         : 999;
    margin          : 50px 0 0 10px;
    padding         : 10px 0 0 0;

    .close {
        background : #1A9DFB;
        height     : 22px;
        width      : 22px;
        line-height: 22px;
        color      : #fff; // border-radius: 50%;
        position   : absolute;
        right      : 0px;
        top        : 0px;
        text-align : center;
        cursor     : pointer;

        i {
            font-size: 16px;
        }
    }

    .search_tag_box {
        text-align: left;
        overflow  : hidden;

        ul {
            padding: 15px 20px 0 20px;

            li {
                display   : inline-block;
                font-size : 14px;
                padding   : 8px 15px;
                text-align: center;

                i {
                    display: none;
                }
            }

            .hov {
                border-radius: 20px;
                background   : #3FB3FF;
                color        : #fff;

                i {
                    display: inline-block;
                }
            }
        }

        .tit {
            border-bottom: 1px solid #eee;
            padding      : 8px 0;
            margin       : 0 15px;
            font-size    : 14px;

            i {
                padding: 0 5px 0 0;
            }
        }
    }

    .map-layer {
        @aroundSize: 58px;
        @iconSize  : 28px;
        @fontLine  : 62px;
        width      : 90%;
        margin     : 0 auto;
        padding    : 0 0 5px 0;

        .layerBtnMore {
            background   : #ccc;
            border-radius: 20px;
            text-align   : center;
            margin       : 8px auto 0 auto;
            width        : 50%;
            background   : #3FB3FF;
            cursor       : pointer;

            i {
                color    : #fff;
                font-size: 6px;
            }
        }

        h2 {
            color        : #333;
            font-size    : 14px;
            border-bottom: 1px solid #eee;
            padding      : 10px 0;

        }

        &>ul {
            margin  : 10px 0;
            overflow: hidden;
            height  : 186px;
            .scrollbar();
            // overflow: auto;

            // &::-webkit-scrollbar {
            //     width: 4px;
            // }

            // &::-webkit-scrollbar-thumb {
            //     background-color: #d9d9d9;
            //     border-radius   : 3px;
            // }
            // &:hover{
            //     // overflow-x: hidden !important;
            //     overflow-y   : scroll !important;
            // }
        }

        li {
            font-size     : 0;
            vertical-align: top;
            text-align    : center;
            display       : inline-block;
            margin        : 11px 0 0 16px;
            position      : relative;
            width         : 58px;

            .icon_around {
                overflow     : hidden;
                display      : inline-block;
                width        : @aroundSize;
                height       : @aroundSize;
                line-height  : @fontLine;
                font-size    : 0;
                background   : #ccc;
                border-radius: 50%;
                color        : #fff;

                i {
                    font-size: @iconSize;
                }
            }

            .layui-anim-loop {
                display: none;
            }

            .text {
                display       : block;
                margin-top    : 8px;
                font-size     : 11px;
                line-height   : 12px;
                color         : #000;
                font-weight   : bold;
                letter-spacing: -.9px;
                white-space   : nowrap;
                width         : 100%;
                text-overflow : ellipsis;
                overflow      : hidden;
            }

            .yes {
                background   : #00c73c;
                position     : absolute;
                border-radius: 50%;
                width        : 18px;
                height       : 18px;
                line-height  : 18px;
                right        : 0;
                bottom       : 20px;
                display      : none;

                i {
                    color      : #fff;
                    line-height: 18px;
                    font-size  : 12px;
                    display    : block;
                }
            }

            .bg_around_orange {
                background: #FE8C52;
            }

            .bg_around_yellow {
                background: #FFBA01;
            }

            .bg_around_darkblue {
                background: #3FB3FF;
            }

            .bg_around_lightblue {
                background: #5C9ACE;
            }

            .bg_around_grayblue {
                background: #9AABBD;
            }

            .bg_around_rosered {
                background: #D887E8;
            }

            .bg_around_pink {
                background: #FF7265;
            }
        }

        li.act {
            .yes {
                display: block;
            }

            .bg_around_darkblue {
                background: #FE8C52;
            }
        }

        li.loading {
            .icon_around {
                display: none;
            }

            .layui-anim-loop {
                display: block;
            }
        }
    }
}

.floatBoxBtn {
    display         : block;
    position        : absolute;
    width           : 50px;
    line-height     : 50px;
    border          : 1px solid rgba(0, 0, 0, .1);
    border-radius   : 3px;
    background-color: #fff;
    background-clip : padding-box;
    box-shadow      : 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-sizing      : border-box;
    z-index         : 1001;
    margin          : 50px 0 0 10px;
    text-align      : center;

    a {
        display: block;

        i {
            font-size: 22px;
            color    : #1A9DFB;
        }
    }
}

.search_list {
    .scrollbar();
    margin: 0 0 10px 0;

    .iconFont {
        color      : #1E9FFF;
        line-height: 14px;
        position   : absolute;
        left       : 3px;
        top        : 17px;
        text-align : center;

        .bgIcon {
            i {
                font-size: 30px;
            }
        }

        .icon {
            position: absolute;
            top     : -5px;
            left    : 50%;
            margin  : 0 0 0 -8px;

            i {
                font-size: 14px;
                color    : #fff;
            }
        }
    }

    ul {

        li {
            cursor: pointer;

            &:hover,
            &.hov {
                background: rgba(0, 0, 0, .1);

                .btnLine {
                    display: block;
                }
            }

            .pt {
                position: absolute;
                left    : 10px;
                top     : 10px;

                img {
                    width        : 20px;
                    border-radius: 3px;
                }
            }
        }
    }

    .more {
        background   : #ccc;
        text-align   : center;
        cursor       : pointer;
        border-radius: 20px;
        margin       : 10px 10px;
        padding      : 5px;

        i {
            font-size: 12px;
        }
    }

    .tips {
        position: absolute;
        width   : 100%;
        top     : 50%;
        left    : 0;
        margin  : 0 0 0 0px;

        p {
            i {
                font-size: 50px;
                color    : #f00;
            }

            text-align: center;
            font-size :16px;
        }
    }

    .btnLine {
        display      : none;
        // background: #ccc;
        clear        : both;
        padding      : 5px 0 0 0px;
        // margin    :0 0 0 -10px;
        font-size    : 0;

        button {
            margin: 0 0 3px 2px;
        }
    }
}

.result_list {
    .close {
        background : #1A9DFB;
        height     : 22px;
        width      : 22px;
        line-height: 22px;
        color      : #fff; // border-radius: 50%;
        position   : absolute;
        right      : 5px;
        top        : 5px;
        text-align : center;
        cursor     : pointer;

        i {
            font-size: 16px;
        }
    }
}

.rygj_list {
    ul {
        li {
            border-bottom: 1px solid #eee;
            padding      : 10px 0 10px 10px;

            p {
                padding: 5px 0;
            }

            .tx {
                float : left;
                margin: 0 10px 0 0;

                img {
                    width        : 50px;
                    border-radius: 3px;
                }

                i {
                    font-size: 40px;
                }
            }

            .name {
                font-size  : 14px;
                font-weight: bold;
            }

            .dis {
                color: #333;
            }

        }
    }
}

.tsrq_list {
    ul {
        li {
            border-bottom: 1px solid #eee;
            padding      : 5px 10px 5px 35px;
            position     : relative;

            &:hover {
                background: #eee;
            }

            p {
                padding: 2px 0;
            }

            .tx {
                float : left;
                margin: 0 10px 0 0;

                img {
                    width        : 50px;
                    border-radius: 3px;
                }

                i {
                    font-size: 40px;
                }
            }

            .num {
                border       : 1px solid #1E9FFF;
                color        : #1E9FFF;
                border-radius: 50%;
                font-weight  : bold;
                width        : 14px;
                height       : 14px;
                line-height  : 14px;
                position     : absolute;
                left         : 10px;
                top          : 17px;
                text-align   : center;
            }

            .name {
                font-size  : 14px;
                font-weight: bold;
            }

            .dis {
                color: #333;
            }

            .btnLine {
                clear  : both;
                padding: 5px 0 0 0;
            }

            .tag_line {
                padding: 0 5px 0 0;

                span {
                    margin       : 0 5px 0 0;
                    text-overflow: ellipsis;
                    white-space  : nowrap;
                    overflow     : hidden;
                    max-width    : 100%;
                }
            }
        }
    }
}

.tag_list {
    padding      : 8px;
    border-bottom: 1px solid #eee;

    h2 {
        background   : #eee;
        border-radius: 20px;
        font-size    : 12px;
        margin       : 0 0 8px 0;
        padding      : 5px 8px;
        position     : relative;
        cursor       : pointer;

        .nico {
            font-size: 10px;
        }

        .name {
            padding: 0 0 0 5px;
        }

        .togIco {
            position : absolute;
            top      : 8px;
            right    : 12px;
            font-size: 10px;
        }
    }

    .type_list {
        clear    : both;
        display  : block;
        font-size: 0;

        .tag-btn {
            margin : 0 3px 5px 0;
            width  : 75px;
            display: line-block;

            /*内联对象需加*/
            word-break: keep-all;
            /* 不换行 */
            white-space: nowrap;
            /* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
            // overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
            position   : relative;

            .text {
                overflow     : hidden;
                text-overflow: ellipsis;
                width        : 100%;
            }

            .num {
                border-radius       : 20px;
                background          : #FF5722;
                font-size           : 6px;
                color               : #fff;
                padding             : 0 5px;
                position            : absolute;
                margin              : 0 auto 0 -22px;
                top                 : -6px;
                left                : 50%;
                line-height         : 14px; // -webkit-transform-origin-x: 0;
                // -webkit-transform: scale(0.80);
            }
        }
    }

    .layui-btn-sm {
        padding: 0 3px;
    }
}

.filter_box {
    &>ul {
        &>li {
            padding: 0 0 5px 0;
        }
    }
}

.countBox {
    background: #eee;
    padding   : 8px;

    .bd {
        font-weight: bold;
        color      : #1E9FFF;
    }
}

.floatTools {
    position: absolute;
    top     : 40px;
    right   : 10px;
    width   : 42px;
    z-index : 900;

    .ip {
        visibility: hidden;
    }

    .tit {
        background: #1A9DFB;
        text-align: center;
        display   : block;
        color     : #fff;
        padding   : 5px;
        cursor    : pointer;
    }

    ul {
        border       : 1px solid rgba(0, 0, 0, .2);
        border-radius: 2px;
        box-shadow   : 0 1px 3px 0 rgba(0, 0, 0, .1);
        background   : #fff;
    }

    input {
        &~ul {
            position  : relative;
            visibility: hidden;
            opacity   : 0;
            top       : -20px;
            z-index   : 1;
        }

        &:checked~ul {
            visibility: visible;
            opacity   : 1;
            top       : 0;
        }
    }

    li {
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding      : 8px 0 5px 0;
        position     : relative;

        &>a {
            text-align: center;
            display   : block;

            &:hover {
                color: #1A9DFB;
            }

            p {
                i {
                    font-size  : 20px;
                    padding    : 0 0 15px 0;
                    margin     : 0;
                    line-height: 20px;
                    height     : 20px;
                }
            }

            .more {
                width        : 0;
                height       : 0;
                border-bottom: 8px solid #1E9FFF;
                border-right : 8px solid transparent;
                position     : absolute;
                left         : 0;
                bottom       : 0;
                text-indent  : -999px;
                overflow     : hidden;
            }
        }

        .smenu {
            display     : none;
            position    : absolute;
            border      : 1px solid rgba(0, 0, 0, .2);
            border-right: 0;
            background  : #fff;
            top         : -1px;
            right       : 40px;
            width       : max-content;
            height      : 49px;

            &>a {
                float       : left;
                display     : block;
                padding     : 4px 10px 4px 10px;
                border-right: 1px solid rgba(0, 0, 0, .2);

                p {
                    text-align: center;

                    i {
                        font-size: 20px;
                    }
                }
            }
        }

        &:hover {
            .smenu {
                display: block;
            }
        }
    }
}

.fullScreenBtn {
    width        : 30px;
    position     : absolute;
    bottom       : 20px;
    right        : 10px;
    border       : 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    box-shadow   : 0 1px 3px 0 rgba(0, 0, 0, .1);
    background   : #fff;
    text-align   : center;
    padding      : 8px 0 5px 0;
    cursor       : pointer;

    p {
        i {
            font-size  : 20px;
            padding    : 0 0 15px 0;
            margin     : 0;
            line-height: 20px;
            height     : 20px;
        }
    }
}

.customPoint {
    position: relative;

    .bgIcon {
        i {
            font-size  : 30px;
            text-shadow: -0 -0 0.2em rgba(0, 0, 0, .8); // text-shadow:2px 2px 3px rgba(0,0,0,.5);
        }
    }

    .icon {
        position: absolute;
        top     : -2px;
        left    : 50%;
        margin  : 0 0 0 -8px;

        i {
            font-size: 16px;
            color    : #fff;
        }
    }
}

.polyPoint {
    position     : relative;
    width        : 100px;
    height       : 100px;
    border-radius: 50%;
    background   : rgba(0, 168, 91, .8);
    box-shadow   : -0 -0 0.8em rgba(0, 0, 0, .8);

    p {
        text-align: center;
        color     : #fff;
        font-size : 14px;

        i {
            font-size: 32px;
        }
    }

    .icon {
        padding-top: 8px;
    }

    .count {
        font-weight: bold;
    }

    // .bgIcon{
    //   i{
    //     font-size     :30px;
    //     text-shadow   :-0 -0 0.2em rgba(0,0,0,.8);
    //     // text-shadow:2px 2px 3px rgba(0,0,0,.5);
    //   }
    // }
    // .icon{
    //   position: absolute;
    //   top     :5px;
    //   left    :50%;
    //   margin  :0 0 0 -18px;
    //   i{
    //     font-size:36px;
    //     color    :#fff;
    //   }
    // }
}

.polyPoint:hover {
    background   : rgba(255, 87, 34, .8);
    border-radius: 50%;
}

.progressBox {
    overflow: hidden;
    padding : 5px 0 0 0;
    clear   : both;

    .item {
        margin : 0 5px 0 0;
        width  : 45%;
        display: inline-block;
    }

    .layui-progress {
        margin: 5px 0 0 0;
    }
}

.floatTips {
    position     : absolute;
    top          : 50px;
    left         : 50%;
    margin-left  : -90px;
    z-index      : 1080;
    color        : #fff;
    padding      : 8px 12px;
    border-radius: 3px;
    font-size    : 14px;
    font-weight  : bold;
    background   : rgba(0, 0, 0, .7);
}

.loadingBox {
    width     : 100%;
    text-align: center;
    position  : absolute;
    top       : 50%;

    i {
        font-size: 60px;
        color    : #3FB3FF;
    }

    p {
        font-size  : 16px;
        font-weight: bold;
        margin     : 15px 0;
    }
}

.fixSelList {
    position: absolute;
    height  : 300px;
    width   : 100%;
    top     : -20px;
    left    : -2px;
}

.selCity {
    padding : 5px 5px 6px 5px;
    position: relative;

    .layui-form-select {
        width: 100px;
    }

    .selList {
        position: absolute;
        left    : 0;
        top     : 50px;
        width   : 320px;
        overflow: hidden;
        border  : 1px solid #ccc;

        ul {
            width : 100%;
            border: 0px solid #ccc;

            li {
                display   : block;
                width     : 100%;
                border    : 0;
                background: #fff;
                padding   : 0px;

                a {
                    display      : block;
                    width        : 100%;
                    padding      : 10px 10px;
                    border-bottom: 1px solid #ccc;
                    text-align   : left;

                    span {
                        padding: 0 5px;

                        i {
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}

.customBox {
    margin: 10px;
    height: 95%;

    .tabList {
        li {
            display      : inline-block;
            margin       : 0 0 10px 10px;
            padding      : 5px 8px;
            background   : #eee;
            border-radius: 3px;
            cursor       : pointer;
            border-bottom: 2px solid #fff;

            &.active {
                background   : #1A9DFB;
                color        : #fff;
                border-bottom: 2px solid #34495e;
            }
        }
    }

    .layui-row {
        height: 100%;
    }

    .pd10 {
        padding: 10px;
        height : 100%;
    }

    .hline {
        border-left: 1px solid #ccc;
    }

    .ipBox {
        margin: 0 0 10px 0;
    }

    .oncase_box {
        .fieldset {
            padding: 8px;
        }

        li {
            padding : 0 0 10px 0;
            overflow: hidden;

            span {
                float     : left;
                font-size : 14px;
                padding   : 5px;
                height    : auto;
                text-align: left;
                margin    : 0 0 2px 0;
            }

            a {
                padding: 5px 5px 7px 5px;
                margin : 0 0 0 2px;

                &:hover {
                    color: #fff;
                }

                i {
                    font-size: 18px;
                }
            }
        }
    }
}

.gjList {
    padding: 5px;

    legend {
        font-size: 14px;
    }

    .tipBox {
        padding: 15px 0;

        p {
            text-align: center;
        }

        .icon {
            .layui-anim-loop {
                display: block;
            }

            i {
                font-size: 50px;
                color    : #333;
            }
        }

        .text {
            font-size: 14px;
        }
    }

    .time {
        font-weight: bold;
        text-align : right;
        border-top : 1px dashed #ccc;
        padding-top: 3px;
        margin-top : 3px;
    }
}

.refuseList {
    @icon-box-size: 22px;
    padding       : 10px;

    ul {
        li {
            &.layui-timeline-item {
                margin     : 0 0 0 80px;
                border-top : 1px dashed #ccc;
                padding-top: 8px;
            }

            &>i {
                position        : absolute;
                left            : -5px;
                top             : -8px;
                z-index         : 10;
                font-size       : 20px;
                width           : @icon-box-size;
                height          : @icon-box-size;
                line-height     : @icon-box-size;
                background-color: #333;
                color           : #fff;
                border-radius   : 50%;
                text-align      : center;
                cursor          : pointer;

                &.blue {
                    background: #1E9FFF;
                }

                &.red {
                    background: #FF5722;
                }

                &.green {
                    background: #009688;
                }
            }

            .dataBox {
                position     : absolute;
                left         : -80px;
                border-radius: 5px;
                background   : #eee;
                padding      : 5px;

                &>p {
                    text-align: right;

                    &.time {
                        font-size: 16px;
                        color    : #34495e;
                    }
                }
            }
        }
    }
}

.companyInfo {
    padding: 10px;

    h3 {
        font-size    : 14px;
        padding      : 5px 0;
        font-weight  : bold;
        border-bottom: 1px solid #f2f2f2;
        position     : relative;


    }

    .layui-tab-content {
        overflow: hidden;
    }

    .layui-colla-content {
        padding: 5px;

        .layui-tab-title {
            li {
                font-size: 12px;
                padding  : 0 8px;
            }
        }

        .layui-tab {
            margin: 0;
        }
    }

    .infoDetail {
        font-size: 12px;
        overflow : hidden;

        dl {
            float      : left;
            width      : 48%;
            line-height: 150%;
            margin     : 5px 0 0 5px;
            position   : relative;

            dt {
                color      : #666;
                font-weight: bold;
                padding    : 0 0 0 6px;

                &:before {
                    display         : block;
                    position        : absolute;
                    left            : 0;
                    top             : 2px;
                    height          : 12px;
                    width           : 2px;
                    z-index         : -1;
                    content         : '';
                    color           : #fff !important;
                    background-color: #1A9DFB;
                }
            }

            dd {
                color        : #333;
                overflow     : hidden;
                text-overflow: ellipsis;
                white-space  : nowrap;
                margin       : 3px 0 0 0;
            }

            &.all {
                width: 98%;

                dd {
                    white-space: normal;
                }
            }
        }
    }

    .dbList {
        ul {
            li {
                font-size: 12px;

                .dot {
                    width        : 12px;
                    height       : 12px;
                    display      : inline-block;
                    background   : #333;
                    border-radius: 50%;
                    margin       : 5px 5px 0 0;
                }

                .bgRed {
                    background: #f00;
                }
            }
        }
    }

    .echartBox {
        width : 100%;
        height: 200px;
    }
}

.companyRisk {
    background: #f2f2f2;
    border    : 1px solid transparent;
    height    : 100%;

    .main {
        margin: 10px;

        .riskList {
            ul {
                li {
                    overflow     : hidden;
                    font-size    : 12px;
                    position     : relative;
                    border-bottom: 1px solid #f2f2f2;

                    .tit {
                        padding: 0 70px 0 0;
                    }

                    .more {
                        position   : absolute;
                        height     : 100%;
                        right      : 0;
                        bottom     : 0px;
                        display    : flex;
                        align-items: center;
                    }
                }
            }

            a {
                color: #128bed;
            }

        }

        .pageBox {
            text-align: center;
        }
    }
}

.companyChange {
    background : #f2f2f2;
    // border  : 1px solid transparent;
    min-height : 100%;
    display    : flex;
    align-items: stretch;

    .main {
        margin  : 10px;
        position: relative;
        width   : 100%;

        .selBox {
            position : absolute;
            right    : 5px;
            top      : 0px;
            font-size: 12px;
            padding  : 5px 0 0 0;

            .layui-input {
                height: 30px;
            }
        }

        .layui-table {

            & th,
            & td {
                font-size: 12px;
            }
        }

        .pageBox {
            text-align: center;
        }
    }
}

.syqk_list {
    margin: 10px;

    ul {
        li {}
    }
}

.ssdbBox {
    border-bottom: 1px solid #eee;
    margin       : 0 10px 15px 10px;
    display      : block;
    padding      : 12px 0 12px 0;

    ul {
        &>li {
            border-bottom: 1px dashed #f2f2f2;
            padding      : 5px 0;

            dl {
                display    : flex;
                align-items: center;

                // align-items: stretch;
                dt {
                    width     : 60px;
                    text-align: right;
                }

                dd {
                    flex-grow: 1;
                    flex     : 1;
                    padding  : 0 0 0 8px;

                    span {
                        padding: 0 0 5px 0;

                        .layui-form-radio {
                            line-height: 20px;

                            i {
                                font-size: 18px;
                            }
                        }
                    }
                }
            }

            &.btnLine {
                text-align: center;
                border    : 0;
            }
        }
    }
}

.rangeBox {
    position  : absolute;
    bottom    : 50px;
    right     : 60px;
    z-index   : 99999;
    width     : 800px;
    background: rgba(255, 255, 255, .8);
    padding   : 20px;

    .close {
        background : #1A9DFB;
        height     : 22px;
        width      : 22px;
        line-height: 22px;
        color      : #fff;
        position   : absolute;
        right      : 0;
        top        : 0;
        text-align : center;
        cursor     : pointer;
    }

    ul {
        li {
            margin: 8px 0 0 0;

            dl {
                display    : flex;
                align-items: stretch;
                align-items: center;

                dt {
                    width      : 80px;
                    font-weight: bold;
                }

                dd {
                    flex: 1;
                }
            }
        }
    }
}

.qyfxBox {
    height     : 100%;
    background : #f1f1f1;
    display    : flex;
    align-items: stretch;

    .echartBox {
        flex      : 1;
        background: #fff;
        margin    : 10px;
        padding   : 10px;
    }
}

.qyfx {
    
    &>.tit {
        background   : #eee;
        padding      : 8px;
        border-bottom: 1px solid #ccc;
    }
    
    .main{
        .scrollbar();
        &>.tips{
            background: #eee;
            border-radius: 5px;
            margin-bottom:10px;
            padding:10px;
            .fuc{
                color:#f00;
                font-weight:bold;
                margin:0 5px;
            }
        }
        padding:10px;
        .echartBox{
            height:300px;
            border:2px solid #eee;
            margin:0 0 10px 0;
        }
        .tbBox{
            h2{
                background: #eee;
                padding:5px;
                font-size:14px;
            }
            h3{
                font-size:12px;
                text-align: center;
                margin:8px 0 0 0;
                .fuc{
                    color:#f00;
                    font-weight:bold;
                    margin:0 5px;
                }
            }
        }
    }
}